<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>设置</title>
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />

		<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/miva.utils.js" type="text/javascript" charset="utf-8"></script>

		<link rel="stylesheet" type="text/less" href="../css/entry.less" />
		<script src="../js/less.js" type="text/javascript" charset="utf-8"></script>

	</head>
	<body>
		<div id="app">
			<header class="mui-bar mui-bar-nav">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title">设置</h1>
			</header>
			<div class="mui-content">

				<ul style="margin-top: 0;margin-bottom: 10px;" class="mui-table-view">
					<li class="mui-table-view-cell">
						<div class="mui-input-row">
							<label style="width: 60%;">非WIFI环境下载和播放</label>
							<div class="mui-switch mui-switch-mini  mui-active">
								<div class="mui-switch-handle"></div>
							</div>
						</div>
					</li>
					<li class="mui-table-view-cell">
						<div class="mui-input-row">
							<label>通知提醒</label>
							<div class="mui-switch mui-switch-mini">
								<div class="mui-switch-handle"></div>
							</div>
						</div>
					</li>
					<li class="mui-table-view-cell">
						<div class="mui-input-row">
							<label>自动签到</label>
							<div class="mui-switch mui-switch-mini mui-active">
								<div class="mui-switch-handle"></div>
							</div>
						</div>
					</li>
				</ul>
				<ul class="mui-table-view">
					<li style="display: flex;justify-content: space-between;" class="mui-table-view-cell">
						<span>字体</span> <span class="sys-font" style="color: #999;">系统字体</span>
					</li>
					<li class="mui-table-view-cell">
						清除缓存(0.0KB)
					</li>
					<li class="mui-table-view-cell">
							检查版本更新
					</li>
					<li class="mui-table-view-cell">
							联系我们
					</li>
				</ul>

        <div style="text-align: center;margin: 20px;" class="buttom-box">
          <button type="button" class="mui-btn mui-btn-red">退出登录</button>
        </div>
			</div>
		</div>


		<script type="text/javascript">
			new Vue({
				el: '#app',
				data: {
					bookId: mivaUtils.getBookId(window.location.search)
				},
				mounted: function() {

				},
				methods: {}
			})
		</script>
	</body>
</html>
